<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <!--引入第三方类库 css样式-->
    <link rel="stylesheet" href="./lib/bootstrap/css/bootstrap.min.css">
    <!--引入样式重置 base.less样式-->
    <link rel="stylesheet/less" href="./css/base.less">
    <!--引入自己的 index.less样式-->
    <link rel="stylesheet/less" href="./css/index.less">
    <!--引入第三方类库 less.js文件-->
    <script src="./lib/less/less.min.js"></script>
</head>
<body>
    <header>
        <div class="mm_logo">
            <a href="#" title="慢慢买比价网-手机版">
                <img src="images/header_logo.png" alt="慢慢买比价网-手机版">
            </a>
        </div>
        <div class="mm_load">
            <a href="http://localhost:63342/code/lib/bootstrap/css/bootstrap.min.css.map?_ijt=tu1i8sg163kt7utuus35pa9tvs" title="手机APP下载">
                <img src="images/header_app.png" alt="手机APP下载">
            </a>
        </div>
    </header>

    <nav class='clearfix'>
        <input class="fl" type="text" placeholder='请输入你想比价的商品'><input class='fr' type="button" value='搜索'>
    </nav>

    <section>
        <div class="row">

        </div>
    </section>

    <script type="text/template" id="tpl1">
       {{each result as value i}}
            <div class="col-xs-3">
                <a href="{{value.titlehref}}" data-indexmenuId="{{value.indexmenuId}}">
                    {{#value.img}}
                    <p>{{value.name}}</p>
                </a>
            </div>
        {{/each}}
    </script>

    <a href="#" class="mm_zhekou">
        <span>超值折扣推荐</span>
        <img src="images/more.png" alt="">
    </a>

    <!--商品滑动专栏 start-->
    <div class="mm_shopScroll">
        <ul class="list-group">

        </ul>
        <div class="mm_moreBar">
            <a href="#">更多优惠信息 »</a>
        </div>
    </div>

    <!-- 超值折扣推荐模板部分 -->
    <script type="text/template" id="tpl2">
        {{each result as value i}}
        <li class="list-group-item">
            <div class="media">
                <a class="media-left media-middle" href="#">
                    {{ #value.productImgSm}}
                </a>
                <div class="media-body">
                    {{value.productName}}
                    <span>{{value.productPinkage}}</span>
                    <h6>{{value.productFrom}} | {{value.productTime}}<i>
                        <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' width='17'><path fill='#a1a1a1' d='M924.504962 664.898711 97.819886 664.898711c-17.557888 0-31.795147-14.241352-31.795147-31.795147l0-508.732583c0-17.557888 14.238282-31.792077 31.795147-31.792077l241.198387 0 149.664671-149.661601c6.209422-6.212492 14.34266-9.31618 22.478967-9.31618s16.269545 3.102664 22.479991 9.31618L683.306574 92.57788l241.198387 0c17.557888 0 31.795147 14.235213 31.795147 31.792077L956.300109 633.10254C956.300109 650.657358 942.061826 664.898711 924.504962 664.898711zM892.708791 156.169197l-222.569098 0c-8.428973 0-16.518209-3.354398-22.478967-9.31618l-136.498814-136.494721-136.498814 136.494721c-5.961782 5.961782-14.051017 9.31618-22.479991 9.31618l-222.569098 0L129.61401 601.304324l763.093758 0L892.707768 156.169197zM288.592814 378.735226m-63.591317 0a62.143 62.143 0 1 0 127.182634 0 62.143 62.143 0 1 0-127.182634 0ZM511.161912 378.735226m-63.591317 0a62.143 62.143 0 1 0 127.182634 0 62.143 62.143 0 1 0-127.182634 0ZM733.73101 378.735226m-63.591317 0a62.143 62.143 0 1 0 127.182634 0 62.143 62.143 0 1 0-127.182634 0Z' transform='translate(0, 812) scale(1, -1)'/></svg><span>{{value.productComCount.replace(/[^0-9]/g,'')}}</span></i> </h6>
                </div>
            </div>
        </li>
        {{/each}}
    </script>
    <!--商品滑动专栏 end-->

    <a href="#" class="mm_zhekou" style="margin: 17px 0 4px 0;">
        <span>品牌排行</span>
        <img src="images/more.png" alt="">
    </a>

    <footer>
        <a href="#">登陆</a>
        <a href="#">注册</a>
        <a href="#">
            <span class='glyphicon glyphicon-arrow-up'></span>
            返回顶部
        </a>
    </footer>

    <div class="mm_end">
        <p>
            <a href="#" style="color: red;">手机APP下载</a>
            <a href="">慢慢买手机版</a>
            -- 掌上比价平台<br/> <span style="font-size: 14px">m.manmanbuy.com</span>
        </p>
    </div>

    <!--页面定位图片-->
    <div class="slow">
        <a href="#">
            <img src="images/slow.png" alt="">
        </a>
    </div>
</body>
</html>
    <!--引入 jQuery 文件-->
    <script src="./lib/jquery/jquery.js"></script>
    <!--引入第三方类库 JS样式-->
    <script src="./lib/bootstrap/js/bootstrap.min.js"></script>
    <!--引入模板 文件-->
    <script src="./lib/template/template.js"></script>
    <!--引入自己的 JS 文件-->
    <script src="./js/index.js"></script>